(function (window, document) {
    var flexible = {};

    flexible.dpr = window.devicePixelRatio || 1; // 获取设备的像素比率
    flexible.baseSize = 100; // 默认基础字体大小为100px
    flexible.rem2px = function (rem) { return rem * flexible.baseSize; }; // rem转换成px
    flexible.px2rem = function (px) { return px / flexible.baseSize; }; // px转换成rem

    // 根据屏幕宽度动态调整html根元素的字体大小
    flexible.setRem = function () {
        var width = document.documentElement.clientWidth || window.innerWidth;
        if (width / flexible.dpr > 540) {
            width = 540 * flexible.dpr; // 适应最大宽度
        }
        document.documentElement.style.fontSize = (width / 20) + 'px'; // 根字体大小 = 屏幕宽度 / 10
    };

    // 监听窗口resize事件
    window.addEventListener('resize', function () {
        flexible.setRem();
    }, false);

    // 初始化时设置
    flexible.setRem();

    // 将flexible对象暴露给全局
    window.flexible = flexible;
})(window, document);